<!DOCTYPE html>
<#assign ctx=Session.basePath>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>船E行</title>
    <script>
        var basePath = '${ctx}';
        var company =  '<#if company??>${company}<#else></#if>';
    </script>
     <#--<#include "../../include/include.ftl">-->
    <link href="${ctx}/map/js/ol2/theme/default/style.css" rel="stylesheet" />
    <link href="${ctx}/map/css/index.css" rel="stylesheet" />
    <script src="${ctx}/map/js/jquery-1.11.3.min.js"></script>
    <script src="${ctx}/map/js/screen.js"></script>
    <script src="${ctx}/map/js/ol4/ol.js"></script>
    <script src="${ctx}/map/js/ol4/OL4init.js"></script>
    <script src="${ctx}/js/map.js"></script>
    <script src="${ctx}/map/js/tool4.js"></script>
    <script src="${ctx}/pagination/js/layer/layer.js"></script>
</head>
<body>
<div class="menu">
    <ul>
        <li><a href="#" id="shipList">船舶列表</a></li>
        <li><a href="#" id="touchLine">报告记录</a></li>
        <li><a href="#" id="voyage">航次报告</a></li>
        <li><a href="#" id="accident">险情报告</a></li>
        <li><a href="#" id="message">发布消息</a></li>
        <li><a href="#" id="warning">警告信息</a></li>
        <li><a href="#" id="findShip">船舶搜索</a></li>
        <li><a href="#" id="watersManager">水域管理</a></li>
        <li><a href="#" id="reportLineInfo">报告线管理</a></li>
        <li><a href="#" id="alarmMarker">VTS管理</a></li>
    </ul>
</div>
<div id="map"></div>
</body>
</html>

<script type="text/javascript">
    var loadlayer;
    $(document).ajaxStart(function () {
        loadlayer = layer.load(0, {
            //offset: '200px'
        });
    });
    $(document).ajaxComplete(function (event, request, settings) {
        if (loadlayer != null) {
            layer.close(loadlayer);
        }
    });
    $(document).ajaxError(function () {
        if (loadlayer != null) {
            layer.close(loadlayer);
        }
    });

    $(function () {
        init();
    })
</script>